<%@ page language="java" contentType="text/html; charset=UTF-8"%>
<%@include file="/pageRc/common/common.jsp"%>

<!DOCTYPE html>
<html lang="en" style="overflow-x: hidden">
<head>
<meta charset="UTF-8">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="viewport"
	content="initial-scale=1.0,maximum-scale=1.0,user-scalable=no">
<meta name="format-detection" content="telephone=no">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="mobile-web-app-capable" content="yes">
<meta name="msapplication-tap-highlight" content="no">

<link rel="stylesheet"
	href="<%=commonPath %>/pageRc/layui/css/layui.css" media="all">
<script type="text/javascript"
	src="<%=commonPath %>/pageRc/js/jquery-1.9.1.min.js"></script> 
<script type="text/javascript"
	src="<%=commonPath %>/pageRc/common/utils.js"></script>
<script type="text/javascript"
	src="<%=commonPath %>/pageRc/common/msgTool.js"></script>
<script type="text/javascript"
	src="<%=commonPath %>/pageRc/layui/layui.js"></script>

<title>商户订单统计</title>

<script>
	$(function(){ 
		var now = new Date();
		//获取当前年月日
		var ymd = now.getFullYear()+""+((now.getMonth()+1)<10?"0":"")+(now.getMonth()+1)+""+(now.getDate()<10?"0":"")+now.getDate();
		var ymd1 = now.getFullYear()+""+((now.getMonth()+1)<10?"0":"")+(now.getMonth()+1)+""+(now.getDate()<10?"0":"")+now.getDate();
 		//获取当前时分秒
		$("#startDate").val(ymd);
		$("#endDate").val(ymd1);
 	})
	//注意：选项卡 依赖 element 模块，否则无法进行功能性操作
	layui.use('element', function() {
		var element = layui.element();

		//…
	});
</script>
<jsp:include page="publicMethod.jsp"/>
</head>
<body class="layui-main">
<input type="hidden" value="${positionType}" id="positionType">
	<div class="layui-form-item ">
		<form id="createMsgForm" name="createMsgForm" class="layui-form"
			action="">
			<div class="layui-form-item">
				<div class="layui-inline">
 					<div class="layui-inline"> 
						<select name="proGroupNo" id="proGroupNo" lay-filter="proGroupSelect"  required lay-verify="required" >
						    <c:forEach items="${groupList}" var="group" >
	                        	<option value="${group.proGroupNo}">${group.proGroupName}</option> 
 	                    	</c:forEach>
						</select>
					</div>
					<div class="layui-inline">
						<select name="proTeamNo" id="proTeamNo"  lay-filter="zhifuSelect"  required lay-verify="required" >
							<c:if test="${positionType=='70'}">
								  <c:forEach items="${teanList}" var="tean">
									<option value="${tean.proTeamNo}">${tean.proTeamName}</option>
								  </c:forEach>
							</c:if>
							<c:if test="${positionType!='70'}">
								<option value="">项目组名称</option>
								<option value="">全部</option>
							   <c:forEach items="${teanList}" var="tean" >
	                        	<option value="${tean.proTeamNo}">${tean.proTeamName}</option> 
 	                    	</c:forEach>
 	                    	</c:if>
						</select>
					</div>
					 <div class="layui-inline">
                    <input class="layui-input" style="width: 200px" id="userName" placeholder="项目成员">
                </div>
                <div class="layui-inline">
						<button class="layui-btn" type="button" data-method="doExcel">excel下载</button>
					</div>
				</div>
			</div>
			<div class="layui-form-item">
			
				<div class="layui-inline">
					<div class="layui-inline">
						<input class="layui-input" style="width: 200px" id="startDate"
							onclick="layui.laydate({elem: this, istime: true, format: 'YYYYMMDD'})"
							placeholder="开始日期">
					</div>
					<div class="layui-inline">
						<input class="layui-input" style="width: 200px" id="endDate"
							onclick="layui.laydate({elem: this, istime: true, format: 'YYYYMMDD'})"
							placeholder="结束日期">
					</div>
					<div class="layui-inline">
						<button id="bt1"  class="layui-btn layui-btn-primary" type="button" data-method="toDay">今天</button>
						<button id="bt2" class="layui-btn layui-btn-primary" type="button" data-method="yesterDay">昨天</button>
						<button class="layui-btn layui-btn-primary" id="bt3" type="button" data-method="lastdays">最近7天</button>
						<button class="layui-btn layui-btn-primary" id="bt4" type="button" data-method="last30days">最近30天</button>
						<button class="layui-btn" type="button" data-method="doSearchSum">查询</button>
 					</div>
 					
 		<!-- 新增需求名称,需求编号查询 2018.9.29 yf -->			
			<div class="layui-inline">
						<div class="layui-inline">
						<input class="layui-input" id="needNo"
							placeholder="需求编号">
					</div>
					<div class="layui-inline">
						<input class="layui-input"  id="needName"
							placeholder="需求名称">
					</div>
				
					<div class="layui-inline">

				</div>
			</div>
			<div class="layui-form-item" id="dateDiv">
				<div class="layui-inline">
					<table class="layui-table" lay-even="" lay-skin="line" style="text-align: center;">
						<colgroup>
							<col width="100">
							<col width="80">
							<col width="80">
							<col width="120">
							<col width="80">
							<col width="80">
							<col width="120">
							<col width="120">
							<col width="120">
							<col width="80">
						</colgroup>
						<thead>
							<tr>
								<th>团队名称</th>
								<th>项目组</th>
  								<th>参与人员</th>
								<th>需求编号</th>
								<th>需求名称</th>
								<th>消耗工时</th>
								<th>状态</th>
								<th>登记时间</th>
								<th>详情</th>
								<th>报功状态</th>
							</tr>
						</thead>
						<tbody id="detailDiv">

						</tbody>
						<script id="tplSrc" type="text/html">
							 {{#  layui.each(d.rsList, function(index, x){}}
							     <tr >
								   <td>{{x.proGroupName==undefined?'':x.proGroupName}}</td>
								   <td>{{x.proTeamName==undefined?'':x.proTeamName}}</td>
								   <td>{{x.userName==undefined?'':x.userName}}</td> 
								   <td>{{x.needNo==undefined?'':x.needNo}}</td>
								   <td>{{x.needName==undefined?'':x.needName}}</td>
								   <td>{{x.needUseTime==undefined?'':x.needUseTime}}</td> 
  								   <td>{{x.stage==undefined?'':x.stage}}</td>  
                                   <td>{{x.happenDate==undefined?'':x.happenDate}}</td>
								   <td>{{x.remark==undefined?'':x.remark}}</td>
                                   <td>{{x.reportState==undefined?'':x.reportState=='01'?'通过':(x.reportState=='00'?'待审核':'未通过')}}</td>
								 
							    </tr>
							{{#  }); }} 
					   </script>
					</table>
				</div>
			</div>
			<div class="layui-form-item">
				<div class="layui-inline">
					<div id="laypageDiv"></div>
				</div> 
			</div> 
 		</form>
	</div> 
	<input id="totalNum" type="hidden" name="totalNum" >
</body>
<script type="text/javascript">
var path="<%=commonPath%>";
var msg =new msgTool();
layui.use(
		[ 'form', 'layer', 'laytpl', 'laypage','laydate' ],
		function() {
			var $ = layui.jquery, layer = layui.layer; //独立版的layer无需执行这一句
	        var form = layui.form()
	            ,layer = layui.layer
	            ,laypage = layui.laypage
	            ,laytpl = layui.laytpl; 
	        var active = {
	        		doSearchSum : function() { //搜索
			      	   active.doSearchDetail(1); 
			         }
			         ,doSearchDetail:function(v_curr){ //搜索
			        if(v_curr==1){
			      	    var getTpl = tplSrc.innerHTML;
			  			var dataObj = {
			  						"startRow" : (v_curr-1)*15,
			  						"pageSize" : 15,
			  						"proGroupNo" : $("#proGroupNo").val(),
									"proTeamNo" : $("#proTeamNo").val(),
									"needNo" : $("#needNo").val(),
									"needName" : $("#needName").val(),
									"startDate":$("#startDate").val(),
									"endDate":$("#endDate").val(),
									"userName":$("#userName").val(),
			  					};
			  			msg.sendMsg("/page/main/selectHavingTaskInfor.do",dataObj,function(data) {
			  				laytpl(getTpl).render(data.body,function(html) {
			  				    detailDiv.innerHTML = html;
			  					$('#totalNum').val(data.body.count)
			  				});
			  				totalNum = Math.ceil(data.body.count/15);
			  				laypage({
				                   cont: 'laypageDiv'
				                 ,pages:totalNum
				                  ,jump: function(obj,first){
				                	  if(first!=true){
				                	  	active.doSearchDetail(obj.curr); 
				                	  }
				                   }
				                 }); 
			  			}); 
			         }else{
			        	 var getTpl = tplSrc.innerHTML;
				  			var dataObj = {
				  						"startRow" : (v_curr-1)*15,
				  						"pageSize" : 15,
				  						"proGroupNo" : $("#proGroupNo").val(),
										"proTeamNo" : $("#proTeamNo").val(),
										"needNo" : $("#needNo").val(),
										"needName" : $("#needName").val(),
										"startDate":$("#startDate").val(),
										"endDate":$("#endDate").val(),
										"userName":$("#userName").val(),
				  					};
				  			msg.sendMsg("/page/main/selectHavingTaskInfor.do",dataObj,function(data) {
				  				laytpl(getTpl).render(data.body,function(html) {
				  				    detailDiv.innerHTML = html;
				  					$('#totalNum').val(data.body.count)
				  				});
				  			}); 
			         }
			         }, 
	        		
	        		
	        		
	        	
					 doExcel : function() {
							var dataObj = {
									"proGroupNo" : $("#proGroupNo").val(),
									"proTeamNo" : $("#proTeamNo").val(),
									"startDate":$("#startDate").val(),
									"endDate":$("#endDate").val(),
									"needNo" : $("#needNo").val(),
									"needName" : $("#needName").val(),
									"userName":$("#userName").val(),
							}
							msg.sendMsg("/page/main/doReportCountExcelFile.do",
									dataObj, function(data) {
										window.location.href = path
				+ "/downFile/"
				+ data.body.fileName
		});
	},
		              toDay:function(){   //今天
			   	 			var now = new Date();
			   	 			//获取当前年月日
			   	 			var ymd = now.getFullYear()+""+((now.getMonth()+1)<10?"0":"")+(now.getMonth()+1)+""+(now.getDate()<10?"0":"")+now.getDate();
			   	 			var ymd1 = now.getFullYear()+""+((now.getMonth()+1)<10?"0":"")+(now.getMonth()+1)+""+(now.getDate()<10?"0":"")+now.getDate();

			   	 			//获取当前时分秒
			   	 			$("#startDate").val(ymd);
			   	 			$("#endDate").val(ymd1);
			   	 			btnStyleByFontColor("bt1"); //按钮 字体样式修改
			              },
			              yesterDay:function(){  //昨天
			            	  var befroeDate = getBeforeDate(1);
			   	 			  var lastymd = getBeforeDate1(1);
			            	  $("#startDate").val(befroeDate);
			   	 			  $("#endDate").val(lastymd);
			   	 			  btnStyleByFontColor("bt2"); //按钮 字体样式修改
			              },
			              lastdays:function(){  //近7天
			            	  var befroeDate = getBeforeDate(6);
			   	 			  var lastymd = getBeforeDate1(0);
			   	 			  $("#startDate").val(befroeDate);
			   	 			  $("#endDate").val(lastymd);
			   	 			  btnStyleByFontColor("bt3"); //按钮 字体样式修改
			              },last30days:function(){  //近30天
			            	  var befroeDate = getBeforeDate(29);
			   	 			  var lastymd = getBeforeDate1(0);
			   	 			  $("#startDate").val(befroeDate);
			   	 			  $("#endDate").val(lastymd);
			   	 			  btnStyleByFontColor("bt4"); //按钮 字体样式修改
			              },allDate:function(){  //全部
			   	 			  $("#startDate").val("");
			   	 			  $("#endDate").val("");
			   	 			  btnStyleByFontColor("bt5"); //按钮 字体样式修改
			              }
 				 }
						$('.layui-btn').on('click',
								function() {
									var othis = $(this), method = othis.data('method');
									active[method] ? active[method].call(this,othis) : '';
								});
		 });


/***该方法为获取最近多少天的通用方法****/
	function getBeforeDate(n){
		    var n = n;
		     var d = new Date();
		     var year = d.getFullYear();
		     var mon=d.getMonth()+1;
		     var day=d.getDate();
		     if(day <= n){
		             if(mon>1) {
		                mon=mon-1;
		             }
		            else {
		              year = year-1;
	              mon = 12;
		              }
		            }
		           d.setDate(d.getDate()-n);
		           year = d.getFullYear();
		           mon=d.getMonth()+1;
		           day=d.getDate();
		      s = year+""+(mon<10?('0'+mon):mon)+""+(day<10?('0'+day):day);
		      return s;
		 }
	/***该方法为获取最近多少天的通用方法****/
	function getBeforeDate1(n){
		    var n = n;
		     var d = new Date();
		     var year = d.getFullYear();
		     var mon=d.getMonth()+1;
		     var day=d.getDate();
		     if(day <= n){
		             if(mon>1) {
		                mon=mon-1;
		             }
		            else {
		              year = year-1;
	              mon = 12;
		              }
		            }
		           d.setDate(d.getDate()-n);
		           year = d.getFullYear();
		           mon=d.getMonth()+1;
		           day=d.getDate();
		      s = year+""+(mon<10?('0'+mon):mon)+""+(day<10?('0'+day):day);
		      return s;
		 }
/*****该方法为button点击时 修改button样式******/
	function btnStyleByFontColor(bt){
		 
		
	}
	
	function selFontColor(bt){
		for(var i = 1;i<4;i++)
		{
			var btId = "sel"+i;
			if(bt==btId){
				var div = document.getElementById(bt); 
				div.className = 'layui-btn'; 
				
			}else{
				var div=document.getElementById(btId);
				div.className='layui-btn layui-btn-primary';
			}
		}
		
	}
</script>
</html>